<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CONTACTO</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function(){
	$('#contactform').submit(function(){				  
		var action = $(this).attr('action');
		$.post(action, { 
			name: $('#name').val(),
			email: $('#email').val(),
			company: $('#company').val(),
			subject: $('#subject').val(),
			message: $('#message').val()
		},
			function(data){
				$('#contactform #submit').attr('disabled','');
				$('.response').remove();
				$('#contactform').before('<p class="response">'+data+'</p>');
				$('.response').slideDown();
				if(data=='Message sent!') $('#contactform').slideUp();
			}
		); 
		return false;
	});
});
// ]]>
</script>
</head>
<body>
<div class="main">
  <div class="blok_header">
    <div class="header">
      <div class="logo"><a href="index.html"><img src="images/logo1.gif" width="388" height="121" border="0" alt="logo" /></a></div>
      <div class="menu">
        <ul>
          <li><a href="index.html"><span>INICIO</span></a></li>
          <li><a href="services.html"><span>ACERCA DE YOYOGURT</span></a></li>
          <li><a href="portfolio.html"><span>PRODUCTOS</span></a></li>
          <li><a href="contact.html"  class="active"><span>CONTACTO</span></a></li>
        </ul>
      </div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="clr"></div>
  <div class="header_text_bg2">
    <div class="header_text2">
      <h6>CONTACTANOS</h6>
      <p></p>
    </div>
    <div class="clr"></div>
  </div>
  
  <div class="body_resize">
    <div class="body">
      
      <div class="body_big">
        <h2>Información de Contacto</h2>
        <p>Para YOYOGURT es muy importante tu opinion.</p>
        <p>A traves de este sitio podras enviarnos tus comentarion, quejas y sugerencias.<a href="#"> </a></p>
        <p>&nbsp;</p>
      <form action="contact.php" method="post" id="contactform">
          <ol>
            <li>
              <label for="name">NOMBRE <span class="red">*</span></label>
              <input id="name" name="name" class="text" />
            </li>
            <li>
              <label for="email">E-MAIL <span class="red">*</span></label>
              <input id="email" name="email" class="text" />
            </li>
            <li>
              <label for="company">EMPRESA</label>
              <input id="company" name="company" class="text" />
            </li>
            <li>
              <label for="subject">ASUNTO</label>
              <input id="subject" name="subject" class="text" />
            </li>
            <li>
              <label for="message">MENSAJE<span class="red">*</span></label>
              <textarea id="message" name="message" rows="6" cols="50"></textarea>
            </li>
            <li class="buttons">
              <input type="image" name="imageField" id="imageField" src="images/send.gif" />
            </li>
          </ol>
        </form>
      </div>
      <div class="body_small">
        <h2>Contactanos</h2>
        <p><strong>Direccion</strong>: Hacienda de San Isidro N°9 Xhala Cuautitlan Izcalli<br />
          <strong>Telefono</strong>: +123-1234-5678<br />
          <strong>FAX</strong>: +458-4578<br />
          <strong>Otros</strong>: +301 - 0125 - 01258<br />
        <strong>E-mail</strong>: tuopinion@yoyogurth.com</p>
        <p><img src="images/twitter.jpg" alt="picture" width="133" height="113" /></p>
     
      </div>
    
      <div class="clr"></div>
    </div>
  </div>
</div>
<div class="footer">
  <div class="footer_resize">
    <ul>
      <li><a href="index.html">home</a></li>
      <li><a href="services.html">services</a></li>
      <li><a href="portfolio.html">portfolio</a></li>
      <li><a href="services.html">about</a></li>
      <li><a href="contact.html">contact</a></li>
      <li><a href="portfolio.html">rss feed</a></li>
    </ul>
    <p>Copyright � Sitename.com. <a href="http://dreamtemplate.com/">dreamtemplate.com</a>. All Rights Reserved</p>
    <div class="clr"></div>
  </div>
</div>
    <p>Copyright ©  <a href="http://dreamtemplate.com/"></a> </p>
    <div class="clr"></div>
  </div>
</div>
</body>
</html>